<script setup>
// vite不写后缀和完整的文件名会报错
import MainHeader from './components/MainHeader.vue'
import MainFooter from './components/MainFooter.vue'
import MainTodo from './components/MainTodo/index.vue'
</script>

<template>
  <MainHeader></MainHeader>
  <MainTodo></MainTodo>
  <MainFooter></MainFooter>
</template>

<style lang="stylus">
// 这个文件的作用是 清除默认样式
* {
    margin: 0;
    padding: 0;
}

body {
    font: 14px 'Microsoft Yahei';
     // style文件在的相对路径, 相对于当前的reset.styl这个文件
     // 背景图片
    /* background-image: url('../images/bg.jpg'); */
    // 自定义渐变
    background-image: linear-gradient(90deg, rgb(255, 230, 251), #bbffdf);
    // 背景图片位置固定
    background-attachment: fixed;
    // 背景不要重复
    background-repeat: no-repeat;
    // 背景位置居中
    background-position: center center;
    // 背景覆盖整个viewport
    background-size: cover;
    // 当背景没有加载时的颜色
    background-color: #fff;
}
#app
    width 600px
    margin: 69px auto
    padding-top:1px 
    padding-bottom:1px 
    box-shadow: 3px 3px 21px grey
    background-image: linear-gradient(90deg,rgba(221,243,237,0.6),rgba(233,239,242,0.9));
    border-radius:16px
</style>
